<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <title><%= webpackConfig.name %></title>
  <style type="text/css">
    .clean{clear:both;}
    #ieIframe{display: none; width: 960px; margin: 80px auto;}
    .browser{padding:10px 10px;}
    .browser span{display:block;font-size:12px;line-height:12px;}
    .browser a{text-decoration:none;color:#0072c6;}a:hover{text-decoration:none;color:#004d8c;}
    .browser li{width:auto;
      margin-top:30px;height:34px;line-height:22px;float:left;list-style:none;
      background:url() no-repeat;
      padding: 0 80px 0 40px;
    }
    .browser .browser-firefox{background-position:0 -34px}
    .browser .browser-edge{background-position:0 -102px;margin-left: -34px}
    .browser .browser-360{background-position:0 -170px;margin-left: -27px}
  </style>
  <!-- require cdn assets js -->
  <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.js) { %>
<!--  <script type="text/javascript" src="<%= htmlWebpackPlugin.options.cdn.js[i] %>"></script>-->
  <script src="<%= htmlWebpackPlugin.options.cdn.js[i] %>" preload></script>
  <% } %>
</head>
<body>

<!--noscript 元素用来定义在脚本未被执行时的替代内容（文本）。此标签可被用于可识别 <script> 标签但无法支持其中的脚本的浏览器。-->
<noscript>
  <strong>We're sorry but <%= webpackConfig.name %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>

<div id="app">
  <!--不支持ie浏览器-->
  <div id="ieIframe">
    <h1>请升级您的浏览器，以便我们更好的为您提供服务！</h1>
    <p>您正在使用 Internet Explorer 的早期版本（IE11以下版本或使用该内核的浏览器）。这意味着在升级浏览器前，您将无法访问此网站。</p>
    <hr>
    <h2>请注意：微软公司对Windows XP 及 Internet Explorer 早期版本的支持已经结束</h2>
    <p>自 2016 年 1 月 12 日起，Microsoft 不再为 IE 11 以下版本提供相应支持和更新。没有关键的浏览器安全更新，您的电脑可能易受有害病毒、间谍软件和其他恶意软件的攻击，它们可以窃取或损害您的业务数据和信息。请参阅 <a href="https://www.microsoft.com/zh-cn/WindowsForBusiness/End-of-IE-support">微软对 Internet Explorer 早期版本的支持将于 2016 年 1 月 12 日结束的说明</a> 。</p>
    <hr>
    <h2>您可以选择更先进的浏览器</h2>
    <p>推荐使用以下浏览器的最新版本。如果您的电脑已有以下浏览器的最新版本则直接使用该浏览器访问即可。</p>
    <ul class="browser">
      <li class="browser-chrome"><a href="https://www.google.cn/intl/zh-CN/chrome/"> 谷歌浏览器<span>Google Chrome</span></a></li>
      <li class="browser-firefox"><a href="https://www.firefox.com.cn/"> 火狐浏览器<span>Mozilla Firefox</span></a></li>
      <li class="browser-edge"><a href="https://www.microsoft.com/zh-cn/edge?form=MA13FJ"> Edge 浏览器<span>Microsoft Edge</span></a></li>
      <li class="browser-360"><a href="https://browser.360.cn/se/"> 360安全浏览器<span>360 Chrome</span></a></li>
      <div class="clean"></div>
    </ul>
    <hr>
  </div>
</div>
<!-- built files will be auto injected -->
</body>
</html>
<script>
  var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
  var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器
  var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器
  var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
  // ie其他版本 || IE11
  if(isIE || isIE11) {
    /* 如果是ie浏览器 */
    document.getElementById('ieIframe').style.display = "block";
  }
  // 不是ie浏览器或者edge都正常
</script>
